@import '~assets/stylesheets/theme.scss';
@import '~assets/stylesheets/border.scss';
footer{
    height: .48rem;
    @include border-1px(#ccc,top);
    ul{
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        li{
            a{
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-decoration: none;
                
                span{
                    font-size: .1rem;
                    color: #696969;
                    position: relative;
                    left: -0.02rem;
                }
                i{
                    font-size: .15rem;
                    color: #696969;
                    margin-bottom: .04rem;
                }
                &.active{
                    text-decoration: none;
                    i {
                        color: $theme;
                    }
                    span{
                        color: $theme;
                    }
                }
            }
            
        }
    }
}